 <extend name="Index:basic" />

 <block name="title"><title>我爱预约网注册页面</title></block>
  <block name="files">
    <link href="__ROOT__/Application/Home/View/Public/Css/User/registe.css" rel="stylesheet" type="text/css" />  
    <script src='__ROOT__/Application/Home/View/Public/Js/User/tablechange.js'></script>  
    <script src='__ROOT__/Application/Home/View/Public/Js/User/registe.js'></script>  
  </block>   

  <block name='content'>
    <div class="row">
      <div class="col-md-4 col-md-offset-1 registe_introduction">
        <h2>注册之后</h2>
        <p>1.查找服务店铺进行在线预约并获得积分</p><br>
        <p>2.参团，参加活动，下载优惠券</p><br>
        <p>3.具有成长功能，成为达人后，评论更具有价值，<br>获得惊喜礼物</p><br><br><br><br>
        <p>如果已是本站用户请</p>
        <a class="col-sm-offset-1" href="{:U('User/login')}">登录</a>
        <a class="col-sm-offset-1" href="{:U('User/login')}">找回密码</a>


      </div>
      <div class="col-md-6 registe_area"> 
        <div class="tab1" id="tab1">
            <div class="menu">
              <ul>
                <li id="one1" onclick="setTab('one',1)">个人用户</li>
                <li id="one2" onclick="setTab('one',2)">商家用户</li>
                
              </ul>
            </div>
            <div class="menudiv">
              <div id="con_one_1">
                <form class="form-horizontal user_registe_form" action="{:U('insert')}" method='post'>
                  <div class="form-group">
                    <label for="username" class="col-sm-3 control-label input-sm">用户帐号</label>
                    <div class="col-sm-6">
                      <input type="text" class="registe_username form-control input-sm" id="username" placeholder="username" name="user_name">
                      <span class="label label-warning username_mess">您在网站的昵称，不能为空</span>                      
                    </div>                                   
                  </div>
                  <div class="form-group ">
                    <label for="password" class="col-sm-3 control-label input-sm">用户密码</label>
                    <div class="col-sm-6">
                      <input type="password" class="registe_password form-control input-sm" id="password" placeholder="password" name="user_password">
                      <span class="label label-warning password_mess">密码必须是6位以上数字，字母和下划线组成</span>
                      
                    </div>
                  </div>
                  <div class="form-group">
                    <label for="password_conform" class="col-sm-3 control-label input-sm">确认密码</label>
                    <div class="col-sm-6">
                      <input type="password" class="registe_repassword form-control input-sm" id="repassword" placeholder="repassword" name="repassword">
                      <span class="label label-warning repassword_mess">两次密码必须一致</span>                      
                    </div>
                  </div>
                  <div class="form-group">
                    <label for="telephone" class="col-sm-3 control-label input-sm">手机号码</label>
                    <div class="col-sm-6">
                      <input type="text" class="registe_telphone form-control input-sm" id="telephone" placeholder="手机号码" name="user_telephone">                     
                      <span class="label label-warning telephone_mess">最好留下，方便联系您</span>
                      
                    </div>
                  </div>
                  <div class="form-group">
                      <label for="verify_code" class="col-sm-3 control-label input-sm">验证码</label>
                      <div class="col-sm-3">
                        <input type="text" class="form-control input-sm" id="verify_code" placeholder="" name="fcode">
                      </div>
                      <div class="col-sm-2 verify_code_picture_box">
                             <img alt="验证码" src="{:U('verify',array())}" title="点击刷新">  
                             <span class="label label-warning verify_mess">点击图片可刷新</span>
                      </div>
                  </div> 
                  <div class="form-group">
                      <div class="col-sm-offset-2 col-sm-10">
                        <div class="checkbox">
                          <label>
                            <input type="checkbox"> 阅读并同意服务条款
                          </label>
                        </div>
                      </div>
                  </div>
                  <div class="form-group">
                    <div class="col-sm-offset-2 col-sm-10">
                      <!-- 用户注册ajax提交   -->
                      <input id="user_login" type="button" class="btn btn-default" value="注册">
                    

                      <!-- <button type="submit" id="submit1" class="btn btn-default">注册</button>-->
                    </div>
                  </div>
                </form>
                
              </div>
              <div id="con_one_2" style="display:none;">
                
                <form class="form-horizontal">
                  <div class="form-group ">
                    <label for="username" class="col-sm-3 control-label input-sm">用户帐号</label>
                    <div class="col-sm-6">
                      <input type="text" class="form-control input-sm" id="username" placeholder="用户名或者手机号">
                    </div>
                  </div>
                  <div class="form-group ">
                    <label for="inputPassword" class="col-sm-3 control-label input-sm">用户密码</label>
                    <div class="col-sm-6">
                      <input type="password" class="form-control input-sm" id="password" placeholder="password">
                    </div>
                  </div>
                  <div class="form-group">
                    <label for="password_conform" class="col-sm-3 control-label input-sm">确认密码</label>
                    <div class="col-sm-6">
                      <input type="password" class="form-control input-sm" id="password_conform" placeholder="password">
                    </div>
                  </div>
                  <div class="form-group">
                    <label for="telephong" class="col-sm-3 control-label input-sm">手机号码</label>
                    <div class="col-sm-6">
                      <input type="text" class="form-control input-sm" id="telephong" placeholder="手机号码">
                    </div>
                  </div>
                  <div class="form-group">
                      <label for="verify_code" class="col-sm-3 control-label input-sm">验证码</label>
                      <div class="col-sm-3">
                        <input type="password" class="form-control input-sm" id="verify_code" placeholder="">
                      </div>
                      <div class="col-sm-2 verify_code_picture_box">
                            <img alt="验证码" src="{:U('verify',array())}" title="点击刷新">  
                      </div>
                  </div> 
                  <div class="form-group">
                      <div class="col-sm-offset-2 col-sm-10">
                        <div class="checkbox">
                          <label>
                            <input type="checkbox"> 阅读并同意服务条款
                          </label>
                        </div>
                      </div>
                  </div>
                  <div class="form-group">
                    <div class="col-sm-offset-2 col-sm-10">
                      <button type="submit" id="submit2" class="btn btn-default">注册</button>
                    </div>
                  </div>
                </form>
              </div>
             
            </div>
        </div>          

      </div>    
  </block>
